<template>
	<div>
		<u-navbar :is-back="false" :background="{background:'#f3f3f3'}">
			<div style="width: 750rpx;display: flex;justify-content: space-between;align-items: center;">
				<div style="padding-left: 20rpx;width: 15%;">
					<slot name="left"></slot>
				</div>
				<div style="flex:1;text-align: center;">
					<slot></slot>
				</div>
				<div style="padding-right: 20rpx;width: 15%;text-align: right;">
					<slot name="right"></slot>
				</div>
			</div>
		</u-navbar>
	</div>
</template>

<script>
	export default {
		name: "bgyx-nav-bar",
		data() {
			return {
				name: "navbar"
			}
		}
	}
</script>

<style>
</style>